<html> 
<head> 
        <meta charset=utf-8> 
        <title>{%block title%}Blague is a blog engine on google app engine{%endblock%}</title>
        <link type="text/css" rel="stylesheet" href="/static/styles.css">
        <!--[if IE]>
                <script>
                        document.createElement('header');
                        document.createElement('nav');
                        document.createElement('section');
                        document.createElement('article');
                        document.createElement('aside');
                        document.createElement('footer');
                </script>
        <![endif]--> 
</head>
<body>
<header> 
    <h1>{%block header%}Blague is a blog engine on google app engine{%endblock%}</h1> 
</header> 
<nav> 
    <ul> 
    {%if user %}
    <li>{{user.nickname}} &lt;{{user.email}}&gt;</li>
    {%if is_admin%} <li><a href="/_ah/admin">Admin</a></li>{%endif%}
    {%if is_admin%} <li><a href="{%url views.new%}">Create new post</a></li>{%endif%}
    {%if sign_out%} <li><a href="{{sign_out}}">Sign out</a></li>{%endif%}
    {% else %}
    {%if sign_in%}<li><a href="{{sign_in}}">Sign in</a></li>{%endif%}
    {%endif%}
        </ul> 
</nav> 
<section> 
    {%block body%}{%endblock%}
</section> 
<aside>  
    <h2>About the Author</h2>
    Hi, I'm Author of this blog
</aside>
<footer>
    <hr />
    <h2>Footer</h2>
    <ul class="vcard">
    <li class="feed"><a href="#" title="Subscribe to the Blog Feed">Blog Feed</a></li>
    <li class="feed"><a href="#" title="Subscribe to the Comments Feed">Comments Feed</a></li>
    <li><a href="http://validator.w3.org/check?uri=referer" title="Validate This Page's HTML">HTML5</a></li>
    <li><a href="http://jigsaw.w3.org/css-validator/check/referrer" title="Validate This Page's CSS">CSS 2</a></li>
    <li><img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif" alt="Powered by Google App Engine"></li>
    <li>MIT License</li>
    </ul>
</footer>
</body> 
</html>